<template>
	<div class="wrap">
		<div class="chazhangdan">
			<div class="chongzzd">
				<p>充值卡兑换</p>
				<router-link to="zhanghu05"><button id="zhangd">查看账单</button></router-link>
			</div>
		</div>
		<input type="text" name="" id="duihaunma" placeholder="请输入充值卡兑换码进行充值" />
		<router-link to="zhanghu05"><button id="czduihuan">充值</button></router-link>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.wrap {
		width: 1085px;
		height: 625px;
		float: left;
		margin-left: 20px;
		border: 1px solid #e7e7e7;
	}
	
	.chongzzd {
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	
	.chazhangdan {
		width: 100%;
		height: 57px;
		border-bottom: 1px solid #e7e7e7;
	}
	
	.chongzzd p {
		font-size: 17px;
		line-height: 57px;
	}
	
	#zhangd {
		font-size: 14px;
		width: 90px;
		height: 30px;
		border-radius: 5px;
		background: #498e3d;
		color: #FFFFFF;
		margin-top: 14px;
	}
	#duihaunma{
		width: 475px;
		height: 53px;
		border: 1px solid #e7e7e7;
		text-indent: 0.5em;
		float: left;
		margin-left: 33px;
		margin-top: 52px;
		font-size: 16px;
	}
	#czduihuan{
		font-size: 18px;
		color: #FFFFFF;
		background: #f08200;
		margin-left: -475px;
		float: left;
		margin-top: 206px;
		width: 150px;
		height: 50px;
		border-radius: 5px;
	}
</style>